<template>
	<view class="box">
		<view class="list">
			<view class="item" @click="$goToUrl('/pages/home/roomQuery/roomQuery')">
				<view class="img">
					<image src="../../../static/index/i-property.png" mode="aspectFit"></image>
				</view>
				<text>房屋查询</text>
			</view>
			<view class="item" @click="$goToUrl('/pages/home/businessQuery/pay/pay')">
				<view class="img">
					<image src="../../../static/index/i-jfcx.png" mode="aspectFit"></image>
				</view>
				<text>缴费查询</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.box{
		.list{
			display: flex;
			flex-wrap: wrap;
			
			.item{
				width: calc(33.3% - 2rpx);
				text-align: center;
				margin-right: 2rpx;
				margin-top: 2rpx;
				background-color: #FFFFFF;
				padding: 32rpx;
				.img{
					width: 80rpx;
					height: 80rpx;
					margin: 20rpx auto;
				}
				
				text{
					font-size: $uni-font-size-sm;
				}
			}
			.item:nth-child(3n+3){
				margin-right: 0;
			}
			.item:active{
				background-color: #f9f9f9;
			}
		}
	}
	
	
</style>
